<template>
  <Button type="primary"  @click="open">Open notice</Button>
</template>

<script>
  export default {
    data() {
      return {
        items:[
          {
            number: '1111111111',
            pay: '1000',
            time: '2020.10.03'
          },
          {
            number: '2111111111',
            pay: '2000',
            time: '2020.10.04'
          },
          {
            number: '3111111111',
            pay: '3000',
            time: '2020.10.05'
          }
        ]
      }
    },
    mounted() {
      // v-for="(item,index) in items" :key="item.id"
      this.$Message.config({
        top: 300,
        duration: 0
      });
    },
    methods: {
      open () {
        this.$Notice.open({
          title: '您有待审核的订单',
          desc:
            '交易单号:{{item.number}}<br />充值1000元<br />创建时间:111<br /><button>查看</button><button>审核</button>',
          duration: 0
        });
      }
    }
  }
</script>

<style>
</style>
